<g:javascript>
	function onSuccessEfetuarPagamento(){
		$j(this).modal('hide');
		$j('.modal-backdrop').remove();
	}
	
	function onSuccessCancelar(){
		$j(this).modal('hide');
		$j('.modal-backdrop').remove();
	}
</g:javascript>
<%--COMPOE O MODAL PARA REGISTRAR UM PAGAMENTO--%>
<g:if test="${parcelaInstance.dataRecebimento == null}">
     <div class="row-fluid">
			<legend>Registrar Pagamento</legend>
			
			<label class="control-label" for="formaDePagamento">Forma de Pagamento:  </label>
	    	<label class="text-label" for="formaDePagamento">${parcelaInstance.TIPO_PAGAMENTO}</label>
	    	<br>
	    	<br>
	    	
	    	<label class="control-label" for="valor">Valor:  </label>
	    	<g:formatNumber number="${parcelaInstance.valor}" type="currency" currencyCode="BRL" />	
	    	<br>
	    	<br>
	    	
	    	<label class="control-label" for="dataPrevista">Data Prevista:  </label>
	    	<g:formatDate format="dd/MM/yyyy" date="${parcelaInstance.data}"/>
	    	<br>
	    	<br>
	    	
	    	<label class="control-label" for="dataRecebimento">Data de Recebimeto:  </label>
	    	<input id="data_${parcelaInstance.id}" type="text" class="form-control input-small datepicker" name="data">
	    	<br>
	    	<br>	    	
	    	
	    	<input id="id" type="hidden" value="${parcelaInstance.id}" name="id">
	    	<div style="text-align:center">
	    		<g:submitToRemote value="EFETUAR PAGAMENTO" class="btn btn-primary center" controller="PlanoPagamento" action="pagarParcela" update="[success: 'tablePlanoPagamento']" onSuccess="onSuccessEfetuarPagamento()"/>			
	    	</div>
	</div>
</g:if>

<%--COMPOE O MODAL PARA CANCELAR UM PAGAMENTO--%>
<g:if test="${parcelaInstance.dataRecebimento != null}">
     <div class="row-fluid">
			<legend>Cancelar Pagamento</legend>
			
			<label class="control-label" for="formaDePagamento">Forma de Pagamento:  </label>
	    	<label class="text-label" for="formaDePagamento">${parcelaInstance.TIPO_PAGAMENTO}</label>
	    	<br>
	    	<br>
	    	
	    	<label class="control-label" for="valor">Valor:  </label>
	    	<g:formatNumber number="${parcelaInstance.valor}" type="currency" currencyCode="BRL" />	
	    	<br>
	    	<br>
	    	
	    	<label class="control-label" for="dataPrevista">Data Prevista:  </label>
	    	<g:formatDate format="dd/MM/yyyy" date="${parcelaInstance.data}"/>
	    	<br>
	    	<br>
	    	
	    	<label class="control-label" for="dataRecebimento">Data de Recebimeto:  </label>
	    	<g:formatDate format="dd/MM/yyyy" date="${parcelaInstance.dataRecebimento}"/>
	    	<br>
	    	<br>
	    		    	
	    	<input id="id" type="hidden" value="${parcelaInstance.id}" name="id">
	    	
	    	<div style="text-align:center">
	    		<g:submitToRemote value="CANCELAR PAGAMENTO" class="btn btn-primary" controller="PlanoPagamento" action="cancelarPagamentoParcela" update="[success: 'tablePlanoPagamento']" onSuccess="onSuccessCancelar()"/>
	    	</div>
			
	    	
	</div>
</g:if>